<!-- vim: ts=2:sw=2:nu:fdc=2:spell

Ext.ux.tree.RemoteTree Example Page

@author    Ing.Jozef Sakáloš
@copyright (c) 2008, by Ing. Jozef Sakáloš
@date      30. March 2008
@version   $Id: remotetree.html 138 2009-03-20 21:22:35Z jozo $

@license remotetree.html is licensed under the terms of the Open Source
LGPL 3.0 license. Commercial use is permitted to the extent that the 
code/component(s) do NOT become part of another Open Source or Commercially
licensed development library or toolkit without explicit permission.
 
License details: http://www.gnu.org/licenses/lgpl.html
-->

<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <link rel="stylesheet" type="text/css" href="ext/resources/css/ext-all.css">
  <link rel="stylesheet" type="text/css" href="css/icons.css">
  <link rel="stylesheet" type="text/css" href="css/empty.css" id="theme">
  <link rel="stylesheet" type="text/css" href="css/webpage.css">
  <link rel="stylesheet" type="text/css" href="css/remotetree.css">
	<link rel="shortcut icon" href="img/extjs.ico">
  <script type="text/javascript" src="ext/adapter/ext/ext-base.js"></script>
  <script type="text/javascript" src="ext/ext-all-debug.js"></script>
  <script type="text/javascript" src="js/WebPage.js"></script>
  <script type="text/javascript" src="js/Ext.ux.form.ThemeCombo.js"></script>
  <script type="text/javascript" src="js/Ext.ux.menu.IconMenu.js"></script>
  <script type="text/javascript" src="js/Ext.ux.Toast.js"></script>
  <script type="text/javascript" src="js/Ext.ux.tree.TreeFilterX.js"></script>
  <script type="text/javascript" src="js/Ext.ux.tree.RemoteTreePanel.js"></script>
  <script type="text/javascript" src="remotetree.js"></script>
  <title id="page-title">Ext.ux.tree.RemoteTreePanel by Saki</title>
	<style type="text/css">
		/* fixes menu icons in IE */
		.ext-ie .x-menu-item-icon {left: -24px;}
		.ext-strict .x-menu-item-icon {left: 3px;}
	</style>
</head>
<body>

<div id="west-content" class="x-hidden">
	<div id="description">
		<h3>Description</h3>
		<p>
		This extension implements basic client-server logic. When user changes the tree (creates a node, renames a node
		or drags and drops a node, the request is sent to the server to execute, save this change.
		</p>

		<div id="adsense-float" class="adsense x-hidden">
			<script type="text/javascript"><!--
			google_ad_client = "pub-2768521146228687"
			/* 125x125 - in text */
			google_ad_slot = "2156000855";
			google_ad_width = 125;
			google_ad_height = 125;
			//-->
			</script>
			<script type="text/javascript"
			src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
			</script>
		</div>

		<p>
		Server processes the request and sends the result back to client. If the processing has been successful,
		RemoteTreePanel updates the tree to show the new state. In the case of error, it displays 
		the error message delivered from the server and reverts tree to the state before the operation.
	  
		</p>
	</div>

	<br/>
	<a href="http://extjs.eu/docs?class=Ext.ux.tree.RemoteTreePanel">RemoteTreePanel Documentation</a><br>
	<a href="http://extjs.com/forum/showthread.php?t=55102">RemoteTreePanel Forum Thread</a><br><br>
	<b>View Sources:</b><br>
	<a href="source.php?file=js/Ext.ux.tree.RemoteTreePanel.js" target="_blank">Ext.ux.tree.RemoteTreePanel.js</a><br>
	<a href="source.php?file=js/Ext.ux.tree.TreeFilterX.js" target="_blank">Ext.ux.tree.TreeFilterX.js</a><br>
	<a href="source.php?file=remotetree.js" target="_blank">remotetree.js</a><br>
	<a href="source.php?file=remotetree.html" target="_blank">remotetree.html</a><br>
	<br><a href="http://famfamfam.com/lab/icons/silk" target="_blank">Silk Icons</a><br>


	<div id="paypal">
		<!-- PayPal Donate Button -->
		<form action="https://www.paypal.com/cgi-bin/webscr" method="post">
		<input type="hidden" name="cmd" value="_s-xclick">
		<input type="hidden" name="hosted_button_id" value="1840866">
		<input type="image" src="https://www.paypal.com/en_US/i/btn/x-click-butcc-donate.gif" border="0" name="submit" alt="">
		<img alt="" border="0" src="https://www.paypal.com/en_US/i/scr/pixel.gif" width="1" height="1">
		</form>
		<!-- PayPal Donate Button End-->
	</div>

	<div id="downloads">
		<p><b>Downloads (development):</b></p>
		<a href="http://extjs.eu/phpmv2/phpmyvisites.php?url=http%3A//remotetree.extjs.eu/remotetree.tar.bz2&id=1&pagename=FILE: download/remotetree/remotetree.tar.bz2">remotetree.tar.bz2</a><br>
		<a href="http://extjs.eu/phpmv2/phpmyvisites.php?url=http%3A//remotetree.extjs.eu/remotetree.tar.gz&id=1&pagename=FILE: download/remotetree/remotetree.tar.gz">remotetree.tar.gz</a><br>
		<a href="http://extjs.eu/phpmv2/phpmyvisites.php?url=http%3A//remotetree.extjs.eu/remotetree.zip&id=1&pagename=FILE: download/remotetree/remotetree.zip">remotetree.zip</a></br>
	</div>
	<br/>
	<p>
		<b><a href="http://extjs.eu" target="_blank">Other Extensions and Plugins</a></b>
	</p>

	<!-- digg -->
	<div id="digg">
		<script>
		digg_url = 'http://remotetree.extjs.eu';
		</script>
		<script src="http://digg.com/api/diggthis.js"></script>
	</div>
	<!-- digg -->

	<!--
	<a href="http://www.stumbleupon.com/submit?url=<?=urlencode('http://'.$_SERVER['SERVER_NAME'].$_SERVER['REQUEST_URI']);?>"><img border=0 src="../img/stumble7.gif" alt="StumbleUpon Toolbar"></a>	
	-->

</div>

<div id="adrow-content" class="adsense x-hidden">
	<div id="adsense-top">
		<script type="text/javascript"><!--
		google_ad_client = "pub-2768521146228687";
		/* recordform top row wide */
		google_ad_slot = "3909046423";
		google_ad_width = 728;
		google_ad_height = 15;
		//-->
		</script>
		<script type="text/javascript"
		src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
		</script>
	</div>
</div>

<div id="center-content" class="x-hidden">
	<div id="change-log">
		<h3>Development Change Log:</h3>
		<ul>
			<li><b>December 12, 2008</b> - Version beta-1 released.<br>
			This version is quite feature complete. What is missing is to consider some custom events
			that could be fired and implement them. Also, turning editable:false must disable D&amp;D.
			</li>
			<li><b>February 25, 2009</b> - Version 1.0 released.<br>
			The node you're working with and appended/inserted node is now selected.
			</li>
		</ul>
	</div>
</div>

<?if("remotetree.extjs.eu"===$_SERVER["SERVER_NAME"])include("stats.php");?>
</body>
</html>
<!-- eof -->
